<template>
	<swiper class="ad" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
		<swiper-item v-for="(item,index) in adList" :key="index" class="f-ajc">
			<image class="swiper-item" :src="item.banner" mode="scaleToFill"></image>
		</swiper-item>
	</swiper>
</template>

<script>
	export default {
		data(){
			return {
				adList: [
					{banner: "../../static/test/banner.jpg"},
					{banner: "../../static/test/banner.jpg"},
					{banner: "../../static/test/banner.jpg"}
				]
			}
		}
	}
</script>

<style scoped>
	.ad {
		height: 250rpx;
	}
	
	.ad image {
		width: 100%;
		height: 100%;
	}
</style>
